<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button">按钮</button>
		<button type="button">按钮</button>
		<button type="button">按钮</button>
		<button type="button">按钮</button>
		<button type="button">按钮</button>
		<script type="text/javascript">
			// {
			// 	var name = 'why';
			// 	console.log(name);
			// }
			// console.log(name);
			// var abc;
			// if(true){
			// 	var name = 'why';
				
			// 	abc = function(){
			// 		console.log(name);
			// 	}
			// }
			// name = "哈哈哈哈"
			// abc();
			
			var name = 'why';
			function abc(name){
				console.log(name);
			}
			name = 'kobe';
			abc('hahha')
			
			
			var buts = document.getElementsByTagName('button')
			// for (var i = 0; i < buts.length; i++) {
			// 	buts[i].addEventListener('click',function(){
			// 		console.log('点击了第'+ i +'按钮');
			// 	})
			// }
			// for (var i = 0; i < buts.length; i++) {
			// 	(function(num){
			// 		buts[i].addEventListener('click',function () {
			// 			console.log('点击了第'+ num +'按钮');
			// 		})
			// 	})(i)
			// }
			for (let i = 0; i < buts.length; i++) {
				buts[i].addEventListener('click',function () {
					console.log('点击了第'+ i +'按钮');
				})
			}
		</script>
	</body>
</html>
